<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页</title>
    <link rel="stylesheet" type="text/css" href="../css/common.css">
    <link rel="stylesheet" type="text/css" href="../css/detail.css">
</head>
<body>
    <div class="detail">
        <header>
            <div class="back-btn">
                <a href="javascript:;">返回</a>
            </div>
            <div class="action">
                <a href="javascript:;">+ 关注 | </a>
                <a href="javascript:;"> 发布</a>
            </div>
        </header>
        <main>
            <div class="top">
                <div class="title">
                    <h4>招聘公告</h4>
                    <p>4月25日发布 351人浏览</p>
                </div>
                <div class="contact">
                    <a href="javascript:;">☎拨打电话</a>
                    <input type="button" value="举报" class="report" />
                </div>
            </div>
            <div class="content">
                <p>[招聘]【招聘】</p>
                <p>美团外卖招聘业务经理，</p>
                <p>上六休一，每天8小时。待遇3000-5000，有意向</p>
                <p>1535152 5368</p>
                <p>联系我时，请说是在58同镇看到的，谢谢</p>
                <img src="../img/linux-log.jpg">
            </div>
        </main>
        <footer>
            <div class="button">
                <a class="home-btn" href="javascript:;">
                    <img src="../img/home.png">
                    <span>首页</span>
                </a>
                <a class="publish-btn" href="javascript:;">
                    <img src="../img/publish.png">
                    <span>发布</span>
                </a>
            </div>
        </footer>
    </div>

    <script>
        // 适配
        var scale = 1 / window.devicePixelRatio
        document
            .querySelector('meta[name="viewport"]')
            .setAttribute('content', 'width=device-width,initial-scale=' + scale + ', user-scalable=no')

        document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + 'px'
    </script>
</body>
</html>